<!DOCTYPE html>
<html lang="en">
<head>
    <title>FAQ</title>
    <link th:replace="common/header"/>
</head>

<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="page-header">
                    <h1>
                        FAQ
                        <small>
                            <i class="ace-icon fa fa-angle-double-right"></i>
                            常见的问题项目与对应问题的解答
                        </small>
                    </h1>
                </div><!-- /.page-header -->

                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <div class="tabbable">
                            <ul class="nav nav-tabs padding-18 tab-size-bigger" id="myTab">
                                <li class="active">
                                    <a data-toggle="tab" href="#faq-tab-1">
                                        <i class="blue ace-icon fa fa-question-circle bigger-120"></i>
                                        普通问题
                                    </a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#faq-tab-2">
                                        <i class="green ace-icon fa fa-user bigger-120"></i>
                                        账号问题
                                    </a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#faq-tab-3">
                                        <i class="orange ace-icon fa fa-credit-card bigger-120"></i>
                                        付款问题
                                    </a>
                                </li>
                            </ul>

                            <div class="tab-content no-border padding-24">
                                <div id="faq-tab-1" class="tab-pane fade in active">
                                    <h4 class="blue">
                                        <i class="ace-icon fa fa-check bigger-110"></i>
                                        普通问题
                                    </h4>

                                    <div class="space-8"></div>

                                    <div id="faq-list-1" class="panel-group accordion-style1 accordion-style2">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-1-1" data-parent="#faq-list-1" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-left pull-right"
                                                       data-icon-hide="ace-icon fa fa-chevron-down"
                                                       data-icon-show="ace-icon fa fa-chevron-left"></i>

                                                    <i class="ace-icon fa fa-user bigger-130"></i>
                                                    &nbsp; 如何登陆房屋管理系统?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-1-1">
                                                <div class="panel-body">
                                                    通过浏览器访问地址http://localhost来访问房屋管理系统网站，并通过注册账号来登陆网站
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-1-2" data-parent="#faq-list-1" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-left pull-right"
                                                       data-icon-hide="ace-icon fa fa-chevron-down"
                                                       data-icon-show="ace-icon fa fa-chevron-left"></i>

                                                    <i class="ace-icon fa fa-sort-amount-desc"></i>
                                                    &nbsp; 我可以提问题吗?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-1-2">
                                                <div class="panel-body">
                                                    <div id="faq-list-nested-1"
                                                         class="panel-group accordion-style1 accordion-style2">
                                                        <div class="panel panel-default">
                                                            <div class="panel-heading">
                                                                <a href="#faq-list-1-sub-1"
                                                                   data-parent="#faq-list-nested-1"
                                                                   data-toggle="collapse"
                                                                   class="accordion-toggle collapsed">
                                                                    <i class="ace-icon fa fa-plus smaller-80 middle"
                                                                       data-icon-hide="ace-icon fa fa-minus"
                                                                       data-icon-show="ace-icon fa fa-plus"></i>&nbsp;
                                                                    通过邮箱可以注册吗?
                                                                </a>
                                                            </div>

                                                            <div class="panel-collapse collapse" id="faq-list-1-sub-1">
                                                                <div class="panel-body">
                                                                    分用户级别登陆网站，普通用户可以不用邮箱注册
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="panel panel-default">
                                                            <div class="panel-heading">
                                                                <a href="#faq-list-1-sub-2"
                                                                   data-parent="#faq-list-nested-1"
                                                                   data-toggle="collapse"
                                                                   class="accordion-toggle collapsed">
                                                                    <i class="ace-icon fa fa-plus smaller-80 middle"
                                                                       data-icon-hide="ace-icon fa fa-minus"
                                                                       data-icon-show="ace-icon fa fa-plus"></i>&nbsp;
                                                                    可以用电话号码注册网站吗?
                                                                </a>
                                                            </div>

                                                            <div class="panel-collapse collapse" id="faq-list-1-sub-2">
                                                                <div class="panel-body">
                                                                    可以
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="panel panel-default">
                                                            <div class="panel-heading">
                                                                <a href="#faq-list-1-sub-3"
                                                                   data-parent="#faq-list-nested-1"
                                                                   data-toggle="collapse"
                                                                   class="accordion-toggle collapsed">
                                                                    <i class="ace-icon fa fa-plus smaller-80 middle"
                                                                       data-icon-hide="ace-icon fa fa-minus"
                                                                       data-icon-show="ace-icon fa fa-plus"></i>&nbsp;
                                                                    可以用身份证注册网站吗?
                                                                </a>
                                                            </div>

                                                            <div class="panel-collapse collapse" id="faq-list-1-sub-3">
                                                                <div class="panel-body">
                                                                    暂时不支持身份证注册
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-1-3" data-parent="#faq-list-1" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-left pull-right"
                                                       data-icon-hide="ace-icon fa fa-chevron-down"
                                                       data-icon-show="ace-icon fa fa-chevron-left"></i>

                                                    <i class="ace-icon fa fa-credit-card bigger-130"></i>
                                                    &nbsp; 房屋提供哪些信息供用户管理?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-1-3">
                                                <div class="panel-body">
                                                    房屋管理系统中的房屋管理分房屋信息，房屋图像，预收房屋，租赁房屋等功能。
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-1-4" data-parent="#faq-list-1" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-left pull-right"
                                                       data-icon-hide="ace-icon fa fa-chevron-down"
                                                       data-icon-show="ace-icon fa fa-chevron-left"></i>

                                                    <i class="ace-icon fa fa-files-o bigger-130"></i>
                                                    &nbsp; 我们可以管理自己的房产证吗?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-1-4">
                                                <div class="panel-body">
                                                    房屋管理系统中有关于房产证管理的功能，可以借用
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-1-5" data-parent="#faq-list-1" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-left pull-right"
                                                       data-icon-hide="ace-icon fa fa-chevron-down"
                                                       data-icon-show="ace-icon fa fa-chevron-left"></i>

                                                    <i class="ace-icon fa fa-cog bigger-130"></i>
                                                    &nbsp; 用户等级分为几类?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-1-5">
                                                <div class="panel-body">
                                                    一般用户，管理员用户，包括公司或者中介网站等单位的，也可以是私人的用户
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="faq-tab-2" class="tab-pane fade">
                                    <h4 class="blue">
                                        <i class="green ace-icon fa fa-user bigger-110"></i>
                                        账户问题
                                    </h4>

                                    <div class="space-8"></div>

                                    <div id="faq-list-2" class="panel-group accordion-style1 accordion-style2">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-2-1" data-parent="#faq-list-2" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-right smaller-80"
                                                       data-icon-hide="ace-icon fa fa-chevron-down align-top"
                                                       data-icon-show="ace-icon fa fa-chevron-right"></i>&nbsp;
                                                    Enim eiusmod high life accusamus terry richardson?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-2-1">
                                                <div class="panel-body">
                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                                    skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                                    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                                    single-origin coffee nulla assumenda shoreditch et.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-2-2" data-parent="#faq-list-2" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-right smaller-80"
                                                       data-icon-hide="ace-icon fa fa-chevron-down align-top"
                                                       data-icon-show="ace-icon fa fa-chevron-right"></i>&nbsp;
                                                    Single-origin coffee nulla assumenda shoreditch et?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-2-2">
                                                <div class="panel-body">
                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                                    skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                                    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                                    single-origin coffee nulla assumenda shoreditch et.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-2-3" data-parent="#faq-list-2" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-right middle smaller-80"
                                                       data-icon-hide="ace-icon fa fa-chevron-down align-top"
                                                       data-icon-show="ace-icon fa fa-chevron-right"></i>&nbsp;
                                                    Sunt aliqua put a bird on it squid?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-2-3">
                                                <div class="panel-body">
                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                                    skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                                    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                                    single-origin coffee nulla assumenda shoreditch et.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-2-4" data-parent="#faq-list-2" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-chevron-right smaller-80"
                                                       data-icon-hide="ace-icon fa fa-chevron-down align-top"
                                                       data-icon-show="ace-icon fa fa-chevron-right"></i>&nbsp;
                                                    Brunch 3 wolf moon tempor sunt aliqua put?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-2-4">
                                                <div class="panel-body">
                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                                    skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                                    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                                    single-origin coffee nulla assumenda shoreditch et.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="faq-tab-3" class="tab-pane fade">
                                    <h4 class="blue">
                                        <i class="orange ace-icon fa fa-credit-card bigger-110"></i>
                                        付款问题
                                    </h4>

                                    <div class="space-8"></div>

                                    <div id="faq-list-3" class="panel-group accordion-style1 accordion-style2">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-3-1" data-parent="#faq-list-3" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-plus smaller-80"
                                                       data-icon-hide="ace-icon fa fa-minus"
                                                       data-icon-show="ace-icon fa fa-plus"></i>&nbsp;
                                                    Enim eiusmod high life accusamus terry richardson?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-3-1">
                                                <div class="panel-body">
                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                                    skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                                    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                                    single-origin coffee nulla assumenda shoreditch et.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-3-2" data-parent="#faq-list-3" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-plus smaller-80"
                                                       data-icon-hide="ace-icon fa fa-minus"
                                                       data-icon-show="ace-icon fa fa-plus"></i>&nbsp;
                                                    Single-origin coffee nulla assumenda shoreditch et?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-3-2">
                                                <div class="panel-body">
                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                                    skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                                    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                                    single-origin coffee nulla assumenda shoreditch et.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-3-3" data-parent="#faq-list-3" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-plus smaller-80"
                                                       data-icon-hide="ace-icon fa fa-minus"
                                                       data-icon-show="ace-icon fa fa-plus"></i>&nbsp;
                                                    Sunt aliqua put a bird on it squid?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-3-3">
                                                <div class="panel-body">
                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                                    skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                                    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                                    single-origin coffee nulla assumenda shoreditch et.
                                                </div>
                                            </div>
                                        </div>

                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <a href="#faq-3-4" data-parent="#faq-list-3" data-toggle="collapse"
                                                   class="accordion-toggle collapsed">
                                                    <i class="ace-icon fa fa-plus smaller-80"
                                                       data-icon-hide="ace-icon fa fa-minus"
                                                       data-icon-show="ace-icon fa fa-plus"></i>&nbsp;
                                                    Brunch 3 wolf moon tempor sunt aliqua put?
                                                </a>
                                            </div>

                                            <div class="panel-collapse collapse" id="faq-3-4">
                                                <div class="panel-body">
                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                                    skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                                    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                                    single-origin coffee nulla assumenda shoreditch et.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div><!-- /.main-content -->
    </div><!-- /.main-container -->
    <div th:replace="common/footer"/>
</div>
<div th:replace="common/buttom"/>
</body>
</html>
